<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>John L. Cook Relojes - Digital</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Joyel S.R.L.</title>
<META NAME="Title" CONTENT="Joyel">
<META NAME="Author" CONTENT="Joyel.com">
<META NAME="Subject" CONTENT="">
<META NAME="Description" CONTENT="Joyel fué fundada en 1972. Somos importadores y distribuidores mayoristas en todo el país. En nuestro historial contamos con la comercialización de importantes marcas: BENETTON | SWATCH | TISSOT | BULOVA | LAMBORGHINI">
<META NAME="Keywords" CONTENT="joyel, john L. Cook, Jewelry, joyas, acero, relojes, watch, watches, citizen, Boy London, cook, johnlcook, mayoristas, importadores, distribuidores, tissot, bulova, swatch, benetton, lamborghini">
<META NAME="Language" CONTENT="Spanish">
<META NAME="Revisit" CONTENT="1 day">
<META NAME="Distribution" CONTENT="Global">
<META NAME="Robots" CONTENT="All">

<link rel="stylesheet" title="web" type="text/css" href="web.css">
	<script src='js/jquery-1.8.3.min.js'></script>
    <script src='js/jquery.elevatezoom.js'></script>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
		<script src="js/cufon-yui.js" type="text/javascript"></script>
		<script src="js/Aller.font.js" type="text/javascript"></script>
		<script type="text/javascript">
			Cufon.replace('ul.oe_menu div a',{hover: true});
			Cufon.replace('h1,h2,.oe_heading');
		</script>
        <style type="text/css">
			span.reference{
				position:fixed;
				left:0px;
				bottom:0px;
				background:#000;
				width:100%;
				font-size:10px;
				line-height:20px;
				text-align:right;
				height:20px;
				-moz-box-shadow:-1px 0px 10px #000;
				-webkit-box-shadow:-1px 0px 10px #000;
				box-shadow:-1px 0px 10px #000;
			}
			span.reference a{
				color:#aaa;
				text-transform:uppercase;
				text-decoration:none;
				margin-right:10px;
				
			}
			span.reference a:hover{
				color:#ddd;
			}
			.bg_img img{
				width:100%;
				position:fixed;
				top:0px;
				left:0px;
				z-index:-4;
			}
			#gal1 img{border:2px solid white;}
			#gal1 .active img{border:2px solid #333 !important;}
			.gal_div{float: left; text-align: center; width:100%;}
		</style>
        
          <script type="text/javascript" src="js/fade.js"></script>   
    </head>
<div id='alinear_centro'> 
 <div id='logo'></div>
<body>
<div class="bg_img"><img src="images/1.jpg" alt="background" /></div>
        
        
 <!--Redes Sociales --> 
  
<div id='twitter'>
  		<a href="https://twitter.com/cookwatches" target="_blank">
  			<img src="graficos/twitter.png" width="38" height="38" border="0" /></a></div>
<div id='facebook'>
  		<a href="https://www.facebook.com/pages/COOK-Watches/119851041373659" target="_blank">
  			<img src="graficos/facebook.png" width="38" height="38" border="0" /></a></div>
<div id='youtube'>
 		 <a href="http://www.youtube.com/user/mmjoyell" target="_blank">
  			<img src="graficos/youtube.png" alt="youtube" width="38" height="38" border="0" /></a></div>
<div id='blogger'>
  		<a href="http://www.joyelblog.blogspot.com/" target="_blank">
  			<img src="graficos/blogger.png" alt="blogger" width="38" height="38" border="0" /></a> </div> 
 <div id='instagram'>
  		<a href="http://www.instagram.com/cookwatches" target="_blank">
  			<img src="graficos/instagram.png" alt="blogger" width="38" height="38" border="0" /></a> </div>           
                     
<!--Slide / Contenido --> 
  
<div id='contenido2'>
  <div id="productos">
		<img id="zoom_03" src='images/small/jlc-digital.jpg' data-zoom-image="images/large/jlc-digital.jpg"/>
		
		<div id="gal1">
 
			  <a href="#" data-image="images/small/jlc-digital.jpg" data-zoom-image="images/large/jlc-digital.jpg" class="active">
			    <img id="img_01" src="graficos/j-prev01.jpg" class="gal_img"/>
			  </a>
			
			  <a href="#" data-image="images/small/jlc-crono.jpg" data-zoom-image="images/large/jlc-crono.jpg">
			    <img id="img_02" src="graficos/j-prev02.jpg" class="gal_img" />
			  </a>
			
			  <a href="#" data-image="images/small/jlc-color.jpg" data-zoom-image="images/large/jlc-color.jpg">
			    <img id="img_03" src="graficos/j-prev03.jpg" class="gal_img"/>
			  </a>
			
			  <a href="#" data-image="images/small/jlc-fashion.jpg" data-zoom-image="images/large/jlc-fashion.jpg">
			    <img id="img_04" src="graficos/j-prev04.jpg" class="gal_img"/>
			  </a>
			  
			  <a href="#" data-image="images/small/jlc-fashion2.jpg" data-zoom-image="images/large/jlc-fashion2.jpg">
			    <img id="img_05" src="graficos/j-prev05.jpg" class="gal_img"/>
			  </a>
			  
			  <a href="#" data-image="images/small/jlc-velvet.jpg" data-zoom-image="images/large/jlc-velvet.jpg">
			    <img id="img_06" src="graficos/j-prev06.jpg" class="gal_img"/>
			  </a>
		</div>
		
		<div id="img_01_div" class="gal_div" style="display: none;">
		 	<h1>Digital Collection </h1><br>
			<h4>La colección Digital COOK se caracteriza por su gran variedad de modelos y por su excelente calidad. Toda la colección es sumergible 30, 50 o 100 metros. Gran parte de los modelos posee su versión con display negativo.</h4>
		</div>
		 
		 <div id="img_02_div" class="gal_div">
			 <h1>Ana Digi Collection</h1><br>
			 <h4>Calidad y diseño. Cronometro de alta precisión. Alarma, Luz EL y dos formatos horarios. Sumergible 50 ATM.</h4>
		 </div>
		 
		 <div id="img_03_div" class="gal_div">
		 	<h1>Glam Collection</h1><br>
		 	<h4>Glamorosa Colección. Estilo inigualable y colores de vanguardia. Sumergible 3 ATM. 2 Años de Garantía.</h4>
		 </div>
		 
		 <div id="img_04_div" class="gal_div">
			 <h1>President Collection</h1><br>
			 <h4>Elegante colección. Calendario con lupa en el cristal. Terminación con tecnología IP. 2 años de Garantía</h4>
		 </div>
		 
		  <div id="img_05_div" class="gal_div">
			 <h1>Fashion Collection</h1><br>
		 </div>
		 
		 <div id="img_06_div" class="gal_div">
		 	<h1>Bijou Collection</h1><br>
			<h4>Toda la colección cuenta con el acabado IP que hace de sus baños altamente duraderos. Diseño Exclusivo. 2 Años de Garantía.</h4>
		 </div>
 </div>
 
 <div id="productos-logo"><img src="graficos/cook.jpg" alt="" width="100" height="68" />
 </div>
 
 </div>
        
<!-- Menu -->
<br /><br />
<div class="oe_wrapper">
			<div id="oe_overlay" class="oe_overlay"></div>
			<ul class="oe_menu" id="oe_menu" name="oe_menu">
				<li><a href="">EMPRESA</a>
					<div>
						<ul>
							<li class="oe_heading">Sobre Nosotros</li>
							<li><a href="historia.html">Historia</a></li>
							<li><a href="actualidad.html">Actualidad</a></li>
							<li><a href="video-institucional.html">Video Institucional</a></li>
                            <li><a href="desarrollos-comerciales.html">Desarrollos comerciales</a></li>
						</ul>
						<ul>
							<li class="oe_heading">Contactenos</li>
							<li><a href="empleo.php">Empleo</a></li>
							<li><a href="concesionarios.php">Concesionarios</a></li>
						</ul>
						<ul>
                          <img src="graficos/empresa.jpg" alt="" width="407" height="193" />
                        </ul>
					</div>
				</li>
				<li><a href="">PRODUCTOS</a>
					<div style="left:-111px;"><!-- -112px -->
						<ul>
							<li class="oe_heading">Watches</li>
							<li><a href="jlcook-watches.html">JOHN L COOK watches</a></li>
							<li><a href="boylondon.html">BOY LONDON</a></li>
							<li><a href="citizen.html">CITIZEN</a></li>
						</ul>
						<ul>
							<li class="oe_heading">SunGlasses</li>
							<li><a href="blue-pacific.html">BLUE PACIFIC</a></li>
						</ul>
  						<ul>
							<li class="oe_heading">Jewerly</li>
							<li><a href="jlcook-jewelry.html">JOHN L COOK Jewelry</a></li>                         
						</ul> 
  						<ul>
							<li class="oe_heading">Writing</li>
 							<li><a href="jlcook-writing.html">JOHN L COOK Writing</a></li>                           
						</ul>                    
					</div>
				</li>
				<li><a href="">CATALOGO</a>
                <div style="left:-223px;">
						<ul>
							<li class="oe_heading">Catalogo Online</li>
							<li><a href="catalogo.php">Ingresar</a></li>
						</ul>
                        <ul>
                          <img src="graficos/catalogo.jpg" alt="" width="569" height="193" />
                        </ul>
					</div>
                </li>
				<li><a href="">DESCARGAS</a>
					<div style="left:-335px;">
						<ul>
							<li class="oe_heading">Descargas</li>
							<li><a href="logos.html">Logos</a></li>
							<li><a href="manuales.html">Manuales</a></li>
						</ul>
                        <ul>
                          <img src="graficos/descargas.jpg" alt="" width="569" height="193" />
                        </ul>
					</div>
				</li>
				<li><a href="">PRENSA</a>
					<div style="left:-447px;">
						<ul>
							<li class="oe_heading">John L. Cook</li>
							<li><a href="publicidades/jlcook-2012.html">John L. Cook 2012</a></li>
							<li><a href="publicidades/jlcook-2013.html">John L. Cook 2013</a></li>
							<li><a href="publicidades/jlcook-2014.html">John L. Cook 2014</a></li>
                            <li><a href="publicidades/jlcook-corto.html">Corto para TV</a></li>
						</ul>
						<ul>
							<li class="oe_heading">Boy London</li>
							<li><a href="publicidades/boy-london.html">Boy London 2008</a></li>
                            <li><a href="publicidades/boy-london-corto.html">Corto para TV</a></li>
						</ul>
						<ul>
							<li class="oe_heading">Blue Pacific</li>
                            <li><a href="publicidades/blue-pacific-corto.html">Corto para TV</a></li>
						</ul>
                        <ul>
                          <img src="graficos/prensa.jpg" alt="" width="249" height="193" />
                        </ul>
					</div>
				</li>
                				<li><a href="">CONTACTO</a>
					<div style="left:-559px;">
						<ul>
							<li class="oe_heading">Contactenos</li>
							<li><a href="contacto.html">Contacto</a></li>
							<li><a href="servicios.php">Servicios</a></li>
							<li><a href="suscripcion.php">Suscripcion</a></li>
						</ul>
                        <ul>
							<li class="oe_heading">Redes Sociales</li>
							<li><a href="https://twitter.com/cookwatches" target="_blank">Twitter</a></li>
							<li><a href="https://www.facebook.com/cookwatches" target="_blank">Facebook</a></li>
							<li><a href="https://www.youtube.com/user/mmjoyell" target="_blank">Youtube</a></li>
                            <li><a href="http://www.joyelblog.blogspot.com/" target="_blank">Blog</a></li>
                            <li><a href="http://www.instagram.com/cookwatches" target="_blank">Instagram</a></li>
						</ul>
                        <ul>
                          <img src="graficos/contacto.jpg" alt="" width="407" height="193" />
                        </ul>
					</div>
				</li>
                				<li><a href="">LOCALES</a>
                        <div style="left:-671px;">
						<ul>
							<li class="oe_heading">Como llegar?</li>
							<li><a href="locales.html">Ver mapa interactivo</a></li>
						</ul>
                        <ul>
                          <img src="graficos/locales.jpg" alt="" width="569" height="193" />
                        </ul>
					</div>   
                                
                   </li>
			</ul>	
		</div>
<!-- Menu end-->


 
  <!--Footer -->
  
  <div id='footer'>
 <a href="jlcook-watches.html"> JOHN L COOK watches</a> |   <a href="jlcook-jewelry.html">JOHN L COOK Jewelry</a> |   <a href="jlcook-writing.html">JOHN L COOK Writing</a> |    <a href="boylondon.html">BOY LONDON</a> |    <a href="citizen.html">CITIZEN</a> |   <a href="blue-pacific.html">BLUE PACIFIC</a><br /><br />
  <h3>Joyel.com Copyright © 2014 All Rights Reserved </h3>
  </div>

</div>

<!--Fondo -->
<div id='franja'></div>


<!-- The JavaScript -->

<script type="text/javascript">
            $(function() {
				var $oe_menu		= $('#oe_menu');
				var $oe_menu_items	= $oe_menu.children('li');
				var $oe_overlay		= $('#oe_overlay');

                $oe_menu_items.bind('mouseenter',function(){
					var $this = $(this);
					$this.addClass('slided selected');
					$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
						$oe_menu_items.not('.slided').children('div').hide();
						$this.removeClass('slided');
					});
				}).bind('mouseleave',function(){
					var $this = $(this);
					$this.removeClass('selected').children('div').css('z-index','1');
				});

				$oe_menu.bind('mouseenter',function(){
					var $this = $(this);
					$oe_overlay.stop(true,true).fadeTo(200, 0.6);
					$this.addClass('hovered');
				}).bind('mouseleave',function(){
					var $this = $(this);
					$this.removeClass('hovered');
					$oe_overlay.stop(true,true).fadeTo(200, 0);
					$oe_menu_items.children('div').hide();
				});
            });
        </script>
 <!-- zoom -->       
<script>
	$(document).ready(function(){
		$(".gal_div").toggle();
	});
	$("#zoom_03").elevateZoom({
		gallery:'gal1',  
		galleryActiveClass: 'active', 
		imageCrossfade: true,
		cursor: "crosshair",
		zoomWindowFadeIn: 500,
		zoomWindowFadeOut: 750,
		zoomType: "inner",
		responsive: true
	}); 

	//pass the images to Fancybox
	$("#zoom_03").bind("click", function(e) {  
	  	var ez =   $('#zoom_03').data('elevateZoom');	
		$.fancybox(ez.getGalleryList());
		return false;
	});
	
	$(document).ready(function(){
		$(".gal_img").click(function(){
			$(".gal_div").hide("blind");
			var id = $(this).attr('id');
			$("#" + id + "_div").show("blind");
		});
	});
</script>     
  
</body>
</html>